<template>
	<div class="cl-empty ptb-1 pb-2">
		<icon-svg v-if="icon" :name="'empty-' + icon" :size="iconSize" />
		<div v-if="tips || $slots.tips">
			<slot name="tips">
				<div v-if="tips">{{ tips }}</div>
			</slot>
		</div>
	</div>
</template>
<script>
export default {
	name: "cl-empty",
	props: {
		icon: {
			type: String,
			default: "data"
		},
		iconSize: {
			type: [Number, String],
			default: 200
		},
		tips: {
			type: String,
			default: "暂无数据"
		}
	}
};
</script>
<style lang="scss" scoped>
.cl-empty {
	text-align: center;
	color: #909399;
	font-size: 12px;
	line-height: normal;
}
</style>
